@charset "UTF-8";

body,table,th,td {
	font-size: 14px;
	color: #666;
}

/* 常用文字样式 */
.sxbang-font-default {
	font-size: 14px;
	color: #666;
}
.sxbang-font-info,
.sxbang-font-live-subtitle {
	font-size: 14px;
	color: #7D867D;
}
.sxbang-font-prompt {
	font-size: 14px;
	color: #6BCC3D;
}
.sxbang-font-copyright {
	font-size: 12px;
	color: #849484;
}
.sxbang-font-datetime {
	font-size: 12px;
	color: #ABAFAA;
}
.sxbang-font-technical-label {
	font-size: 12px;
	color: #FFFFFF;
}
.sxbang-font-tab {
	font-size: 16px;
	color: #7D867D;
}
.sxbang-font-tab:hover {
	font-size: 16px;
	color: #6BCC3D;
}
.sxbang-font-sx-title {
    margin: 20px 0;
	font-size: 16px;
	color: #666;
}
.sxbang-font-md-title {
    margin: 20px 0;
	font-size: 22px;
	color: #666;
}
.sxbang-font-lg-title {
	margin: 20px 0;
	font-size: 28px;
	color: #666;
}

/* color */
/*
 * 实训邦主题绿
 */
.sxbang-color-green {
	color: #6BCC3D;
}
.sxbang-color-error {
	color: #F75D4C;
}
.sxbang-color-warning {
    color: #F6A439;
}
.sxbang-color-white {
	color: #FFFFFF;
}

/*
 * 1. 后台管理默认辨色
 * 2. 项目标题、正文等
 */
.sxbang-color-primary,
.sxbang-color-black {
	color: #666;
}

.sxbang-color-info {
	color: #7D867D;
}
.sxbang-color-prompt {
	color: #6BCC3D;
}

/* backgroud-color */
.sxbang-bg-green {
	background-color: #6BCC3D;
}
.sxbang-bg-error {
    background-color: #F75D4C;
}
.sxbang-bg-warning {
    background-color: #F6A439;
}
.sxbang-bg-white {
	background-color: #FFFFFF;
}
.sxbang-bg-black {
	background-color: #384238;
}
.sxbang-bg-dark-grey {
	background-color: #445044;
}
.sxbang-bg-silver-grey {
	background-color: #C2C4C1;
}
.sxbang-bg-medium-grey {
	background-color: #D7DCD8;
}
.sxbang-bg-ligth-grey {
	background-color: #F5F5F5;
}
.sxbang-bg-ligth-while {
	background-color: #FAFAFA;
}

/* font-size */
.sxbang-font-default,
.sxbang-font-14 {
	font-size: 14px;
}

.sxbang-font-12 {
	font-size: 12px;
}

.sxbang-font-16 {
	font-size: 16px;
}

.sxbang-font-18 {
	font-size: 18px;
}

.sxbang-font-22 {
	font-size: 22px;
}

.sxbang-font-42 {
	font-size: 42px;
}

/* title line */
.sxbang-title-line {
	padding-left: 5px;
	border-left: 3px #6BCC3D solid;
}

/* button */
.sxbang-btn {
/* 	width: 100px; */
	height: 34px;
	padding: 0 30px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 33px;
	background-color: #6BCC3D;
	cursor: pointer;
    border-style: none;
}
.sxbang-btn:hover {
    color: #FFFFFF;
    background-color: #5EB335;
}
input[disabled].sxbang-btn,
button[disabled].sxbang-btn {
    color: #AAA !important;
    background-color: #D5D5D5 !important;
    cursor: not-allowed;
}
.sxbang-btn-left {
	border-radius: 5px 0 0 5px;
}
.sxbang-btn-center {
	border-radius: 0px;
}
.sxbang-btn-right {
	margin-left: -7px;
	padding-top: -2px !important;
	border-radius: 0 5px 5px 0;
}
.sxbang-btn-sx {
	height: 30px;
	line-height: 30px;
}
.sxbang-btn-white {
	border: 1px solid #EEEEEE;
	color: #ABAFAA;
	background-color: #FAFAFA;
}
.sxbang-btn-white:hover {
	color: #FFFFFF;
	background-color: #ABAFAA;
}

/* sxbang-sec-btn */
.sxbang-sec-btn {
    color: #999;
    background-color: #FFFFFF !important;
    border: 1px solid #EEEEEE !important;
}
.sxbang-sec-btn:hover {
    color: #999;
    background-color: #EEEEEE !important;
    border: 1px solid #EEEEEE !important;
}

/* sxbang-round-btn */
.sxbang-round-btn {
	border-radius: 34px;
}

/* 圆角矩形背景 */
.sxbang-round {
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
}

/* 下拉列表 */
.sxbang-select {
	margin-left: 1px;
	padding-right: 30px;
	border: 1px solid #EEEEEE;
	border-radius: 4px;
	background: url('../images/ico_dropdown.jpg') no-repeat scroll right center transparent;
	background-color: #FAFAFA;
	color: #666;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.sxbang-select:focus, 
.sxbang-select:hover {
	border-color: #6BCC3D;
}

/* table option */
.sxbang-table-option > span {
	color: #6BCC3D;
    margin-left: 5px;
    cursor: pointer;
}
.sxbang-table-option > span.disabled {
	color: #B5B5B5;
    cursor: not-allowed;
}
.sxbang-table-option > span:before {
	margin-right: 5px;
    color: #B5B5B5;
    content: "|"
    
}
.sxbang-table-option > span:first-child {
	margin-left: 0;
}
.sxbang-table-option > span:first-child:before {
    content: ""
}

/* sxbang-container */
.sxbang-container {
	padding: 30px;
}
.sxbang-datatable-container {
	padding: 0 0 30px 0;
}